<template>
    <header-top/>
    <nav-menu />
    <div class="container">
        <router-view v-slot="{ Component }" >
            <keep-alive :include="include" max="2">
                <component :is="Component"  />
            </keep-alive>
        </router-view>
    </div>
</template>

<script lang="ts">
import NavMenu from '@/components/nav-menu/index.vue';
import headerTop from '@/components/header-top/index.vue';
import { defineComponent, } from 'vue';
export default defineComponent({
    name: 'Home',
    components: {
        NavMenu,
        headerTop
    },
    setup() {
        const include = [
            'Live',
            'Home',
            'OnDemand',
            'Manufacturer',
            'User'
        ];
        return {
            include,
        }
    }
});
</script>

<style lang="scss">
@import 'index.scss'
</style>
